package com.latefly.skewwork.ui.page.login.register

import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.height
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.size
import androidx.compose.material3.Button
import androidx.compose.material3.Text
import androidx.compose.material3.TextField
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp
import androidx.navigation.NavHostController

@Composable
fun Verify(
    navController: NavHostController,
    modifier: Modifier = Modifier
) {
    Column(
        horizontalAlignment = Alignment.CenterHorizontally
    ) {
        Row {
            Text(text = "账户注册")
        }
        Column {
            Row(
                modifier = Modifier.padding(top = 30.dp, bottom = 30.dp)
            ) {
                Text(text = "验证码已经发送至您的邮箱请确认验证码")
            }

        }
        Row(
            verticalAlignment = Alignment.CenterVertically
        )  {
            Text(text = "验证码")
            Spacer(modifier = Modifier.size(10.dp))
            TextField(
                value = "",
                onValueChange = {},
                modifier = Modifier
                    .weight(3f)
                    .padding(bottom = 5.dp)
            )
        }


        Row {
            Button(
                onClick = { navController.navigate("Login/Register") },
                modifier = Modifier
                    .height(50.dp)
                    .weight(1f)
            ) {
                Text(text = "Back")
            }
            Button(
                onClick = { navController.navigate("Login/BackToLogin") },
                modifier = Modifier
                    .height(50.dp)
                    .weight(1f)
            ) {
                Text(text = "Next")
            }

        }
    }

}